<template>
    <div class="comp-ad-success-dialog" id="compConfirmDialog">
        <modal :show="true" :width="400">
            <form class="m-form-dialog" name="form" action="javascript:;">
                <div class="modal-header">
                    <a href="javascript:;" class="close" @click="hide()"><span>&times;</span></a>
                    <span class="modal-title">您的廣告已創建成功</span>
                </div>
                <div class="modal-body">
                    <p class="modal-body-text">您可在交易展示區查看，如需修改，請進入<a href="#/order/advert">我的廣告</a>中重新編輯發佈。</p>
                    <div class="col-row">
                        <div class="btn-group">
                            <button type="submit"
                                    style="width: 200px"
                                    class="ui-btn"
                                    @click="hide()">{{$t('common.confirm')}}</button>
                        </div>
                    </div>
                </div>
            </form>
        </modal>
    </div>
</template>
<script type="text/babel">

    import modal from '../../../../../grsc-base/component/Modal.vue';
    import Validator from '../../../../../grsc-base/component/Validator/main';
    import service from '../service';

    export default {
        components: {
            modal,
            Validator
        },
        data() {
            return {
            };
        },
        created() {

        },
        mounted(){

        },
        methods: {

            hide() {
                window.location.href = './c2c.html';
                this.$emit('hide');
            }
        }
    }
</script>

<style lang="sass" rel="stylesheet/scss">
    .comp-ad-success-dialog{
        .modal .modal-dialog .modal-body{
            padding-bottom: 32px;
            &-text{
                padding: 0 32px 16px 32px;
            }
            .btn-group{
                .ui-btn{
                    width: 200px
                }
            }


        }

    }
</style>